<style media="print" type="text/css">
  .noprint {
    display: none;
  }
</style>
<script src="__CDN__/grid-report/grhtml5-6.7-min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
  //创建报表显示器，参数指定其在网页中的占位标签的ID，关联的报表模板URL，关联的报表数据URL
  var rent_mark = '{$rent_mark}';
  if (rent_mark == 'Y') {
    var reportViewer = rubylong.grhtml5.insertReportViewer("report_holder", urlAddRandomNo("__REPORT__/receipt.grf"));
  } else {
    var reportViewer = rubylong.grhtml5.insertReportViewer("report_holder", urlAddRandomNo("__REPORT__/liquidation.grf"));
  }

  reportViewer.dataPrepared = false;   //指定报表生成需要加载报表数据
  var dataUrl = "{:url('query', ['id' => $id])}";
  $.getJSON(dataUrl, function (data) {
    reportViewer.loadData(data);
  });

  //启动报表运行，生成报表
  reportViewer.start();

  //为URL追加一个名为id的随机数参数，用于防止浏览器缓存。
  //报表模板重新设计后，因为浏览器缓存而让报表生成不能反映出新修改的设计结果，URL后追加一个随机数参数可以避免这样的问题
  //参数url必须是静态的URL，其后本身无任何参数
  //如果模板几乎不怎么修改，可以去掉对本函数的调用
  function urlAddRandomNo(url) {
    return url + "?id=" + Math.floor(Math.random() * 10000);
  }
</script>
<div id="report_holder" style="width: 100%;">
  <!--报表占位标签，生成的报表将显示到这里-->
</div>
<br>
<div class="noprint">
  <a href="{:url('index', ['house_property_id' => $house_property_id])}" class="btn btn-default">返回列表</a>
</div>